<template>
  <div>
    <sort></sort>
    <div class="introduces">
      <div class="introduce">
        <p>可回收物主要包括废纸、塑料、玻璃、金属和布料五大类。</p>
        <span>这些垃圾通过综合处理回收利用，可以减少污染，节省资源。如每回收1吨废纸可造好纸850公斤，节省木材300公斤，比等量生产减少污染74%；每回收1吨塑料饮料瓶可获得0.7吨二级原料；每回收1吨废钢铁可炼好钢0.9吨，比用矿石冶炼节约成本47%，减少空气污染75%，减少97%的水污染和固体废物。</span>
      </div>
    </div>
    <div class="type" v-for="item of type" :key="item.id">
      <div class="type-desc">{{item.desc}}</div>
    </div>
  </div>
</template>

<script>
import Sort from './sort'
export default {
  components: {
    Sort
  },
  data () {
    return {
      type: [{
        id: '001',
        desc: '报纸'
      }, {
        id: '002',
        desc: '期刊'
      }, {
        id: '003',
        desc: '图书'
      }, {
        id: '004',
        desc: '塑料泡沫'
      }, {
        id: '005',
        desc: '玻璃瓶'
      }, {
        id: '006',
        desc: '易拉罐'
      }, {
        id: '007',
        desc: '桌布'
      }, {
        id: '008',
        desc: '洗脸巾'
      }]
    }
  }
}
</script>

<style lang="scss" scoped>
@import '../../assets/styles/global';
.introduces{
  width: 96%;
  margin: 10px auto;
  background: white;
  border-radius: 5px;
  .introduce{
    font-size: 13px;
    line-height: 24px;
    margin: 0 5px;
    p{
      margin-left: 10px;
      height: 60px;
      line-height: 30px;
      font-size: 16px;
      font-weight: 700;
    }
    span{
      padding-left: 2em;
    }
  }
}
.type{
  width: 96%;
  height: 35px;
  line-height: 35px;
  margin: 5px auto;
  background: white;
  border: 1px solid #DCDFE6;
  .type-desc{
    margin-left: 10px;
    font-size: 13px;
  }
}
</style>
